<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="tpl/css/lib/swiper.min.css">
    <link rel="stylesheet" href="tpl/css/app.css">
    <title>Document</title>
</head>
<body>
    <div id="container">
        
    </div>

    <script id="tpl" type="text/html">
        <div class="vip user-info">
            <div class="user-info-logo">
                <img src="tpl/img/palak_logo.png" alt="">
            </div>

            <div class="user-info-title">
                帕拉克文化传播有限公司
            </div>

            <div class="vip-current-level">白金卡</div>
            
            <div class="vip-title">会员规则</div>

            <dl class="vip-level-list">
                <dt>
                    <span>等级</span>
                    <span>银卡</span>
                    <span>金卡</span>
                    <span>白金卡</span>
                    <span>钻石卡</span>
                </dt>

                <dd>
                    <span>优惠力度</span>
                    <span>
                        充10000<br>
                        送100
                    </span>
                    <span>
                        充20000<br>
                        送200
                    </span>
                    <span>
                        充30000<br>
                        送300
                    </span>
                    <span>
                        充50000<br>
                        送500
                    </span>
                </dd>

                <dd>
                    <span>活动尊享</span>
                    <span>—</span>
                    <span>√</span>
                    <span>√</span>
                    <span>√</span>
                </dd>

                <dd>
                    <span>客服优先</span>
                    <span>—</span>
                    <span>—</span>
                    <span>√</span>
                    <span>√</span>
                </dd>

                <dd>
                    <span>专属客服</span>
                    <span>—</span>
                    <span>—</span>
                    <span>—</span>
                    <span>√</span>
                </dd>
            </dl>

            <div class="vip-title">会员权益及说明</div>
            <div class="vip-title2">会员晋升</div>
            <div class="vip-content">
                领取现金券可用于在线支付金额分享平台给好友，领取现金券可用于在线支付金额分享平台给好友，领取现金券可用于在线支付金额分享。
            </div>
        </div>
    </script>

    <script src="tpl/js/lib/jquery.min.js"></script>
    <script src="tpl/js/lib/swiper.min.js"></script>
    <script src="tpl/js/lib/laytpl.js"></script>
    <script src="tpl/js/app.js"></script>
    <script>
        $(document).ready(function($) {
            renderTpl({})
        });
    </script>
</body>
</html>